<template>
<div class="data_new_box appCon t-center page_pos_style" :style="{ top: `${phoneStatusBarHeight}`}" style="padding:unset;">
  <!-- 顶部盒子 -->
    <!-- <van-nav-bar title="手机号" fixed placeholder :border="false"> -->
      <!-- 顶部返回按钮 -->
      <!-- <template #left>
        <van-icon name="arrow-left" size="18" @click="$router.go(-1);" />
      </template>
    </van-nav-bar> -->
    
    <navbar :title="title"></navbar>
  <!-- this is find indexpage -->
  <div class="rent" style="margin-top:20px;">当前手机号码</div>
  <div class="mobileQr">{{mobile}}</div>
  
 <!-- <div class="marTop t-center">
 	 <van-button class="coll_80" size="small" type="primary" square  @click="editMobile">修改手机号</van-button>
	 
	 <van-button plain class="coll_80 marTop" border size="small" style="margin-top: 1rem;" type="info" square  @click="$router.go(-1)">返回</van-button>
 </div> -->
 
  <div class="but">
    <van-button block type="primary" style="color: #ffffff !important;font-size:16px !important;" @click="editMobile">修改手机号</van-button>
    <van-button block type="info" style="margin-top: 1rem;color:#86ccfd !important;" plain border @click="$router.go(-1)">返回</van-button>
  </div>
</div>

</template>

<script>
export default { 
	name:'SetInfo',
	data(){
		return {
        // header栏 => 标题
        title:"手机号",
        // 获取屏幕状态栏高度
        phoneStatusBarHeight:''
		}
		},
		methods:{
			editMobile(){
				this.$router.push({name:'EditMobile'})
			}
		},
    created() {
      // 获取屏幕状态栏高度
      this.phoneStatusBarHeight = window.phoneStatusBarHeight
      this.mobile = this.$route.query.mobile
      document.title = '手机号'
    },
}
</script>

<style scoped>
  .rent{
	  color: #999999;
    font-size: 13px;
	  /* font-size: .59rem; */
  }
  .mobileQr{
    font-size: 18px;
  }
</style>

<style lang="less">
.data_new_box{
  .van-cell{
    .van-cell__title {
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      // height: 100px;
      width: 100%;
    }
    .van-cell__value {
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      // height: 100px;
      width: 100%;
    }
    .van-icon{
      font-size: 18px;
    }
  }
  .but{
    margin: 20px 12px;
    .van-button{
      // color: black !important;
      font-size: 17px;
      font-family: PingFang SC;
      font-weight: 500;
      // color: #333333;
    }
  }
}
</style>